﻿header {
    float:left;
    width:100%;
    background:#fff;
    height:50px;
    position:relative;
    z-index:10;
}

header .logo {
    float:left;
    background:#d94949;
    padding:30px;
    font-size: 1.875em;
    font-weight: 700;
    color:#fff;
    text-decoration:none;
}

header .logo span {
    font-weight:300;
}

header nav {
    float:left;
}

header nav ul{
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    height:50px;
    line-height:50px;
}

header nav ul li {
    float:left;
    border-right:1px solid #f0f0f0;
}

header nav ul li a {
    float:left;
    color:#343434;
    text-decoration:none;
    font-size:0.875em;
    font-weight:500;
    padding:0 20px;
}

header nav ul li a:hover {
    background: #d94949;
    color:#FFF;
}

.banner {
    float:left;
    width:100%;
    height:auto;
}

footer {
    float:left;
    width:100%;
    background:#111111;
    padding:50px 0;
}

footer h3 {
    font-size:1.750em;
    color:#fff;
    font-weight:200;
    margin:0 0 28px 0;
}

footer p {
    color:#636363;
    font-size:0.875em;
    font-weight:500;
    margin:0 0 20px 0;
}

footer ul {
    color:#636363;
    font-size:0.875em;
    font-weight:500;
    margin:0;
    list-style:none;
    padding:0;
}

footer ul li {
    float:left;
    width:100%;
    padding:0 0 5px 0;
}

footer ul li a {
    color:#636363;
    text-decoration:none;
}

.title{
    float:left;
    width:100%;
}

.title.spaceTop {
    margin:20px 0 0 0;
}

.title h1 {
    float:left;
    width:100%;
    font-size:1.750em;
    color:#323232;
    font-weight:400;
    margin:0;
}

.sep {
    float:left;
    width:100%;
    height:1px;
    background:#dedede;
    margin:30px 0;
}

.addProperty{
    float:left;
    width:100%;
    padding:40px 0;
}

.addProperty input[type="text"] {
    width: 100%;
    padding: 10px 10px;
    outline: 0;
    float: left;
    margin:0 0 20px 0;
    border:2px solid #dedede;
}

.addProperty input[type="file"] {
    width: 100%;
    padding: 10px 10px;
    outline: 0;
    float: left;
    margin:0 0 20px 0;
    border:2px solid #dedede;
}

.addProperty input[type="checkbox"] {
    margin:0 10px;
}
.addProperty select {
    width: 100%;
    padding: 9px 10px;
    outline: 0;
    float: left;
    margin:0 0 20px 0;
    border:2px solid #dedede;
}

.addProperty input[type="text"].desc {
    height:200px;
}

.addProperty span {
    float: left;
    color: #2f2f2f;
    font-size: 0.875em;
    font-weight: 500;
    margin: 0 0 10px 0;

}
 
.addProperty .error {
    color:red;
    float:right;
}
.latest_accomodations {
    width: 100%;
    float: left;
    padding:40px 0;
    background:#eee;
}

 .latest_accomodations .acc {
     width: 100%;
     float: left; 
     background:#fff;
     margin:20px 0 0 0;
 }

.latest_accomodations .acc .top {
    width: 100%;
    float: left;
    position:relative;
}

.latest_accomodations .acc .top span.price {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:10;
    background:#c84646;
    color:#fff;
    padding:15px 20px;
}

.latest_accomodations .acc .bottom {
    width: 100%;
    float: left;
    padding:20px 15px 20px 15px;
}

.latest_accomodations .acc .bottom h3{
    float:left;
    width:100%;
    color: #2f2f2f;
    font-size: 1em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin:0;
}

.latest_accomodations .acc .bottom ul{
    padding:20px 0 0 0;
    margin:0;
    float:left;
    width:100%;
    font-size:0.875em;
    color:#646464;
    list-style:none;
}

.latest_accomodations .acc .bottom ul li{
    float:left;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #efefef;
    width:100%;
}

.latest_accomodations .acc .bottom ul li.last {
    padding:0;
    margin:0;
    border-bottom:0;
}

.latest_accomodations .acc .bottom ul li span{
    float:left;
}

.latest_accomodations .acc .bottom ul li span.right {
    float:right;
}

.propertyDetail {
    width: 100%;
    float: left;
    padding:40px 0;
    background:#eee;
}

.propertyDetail .prop_info{
    width: 100%;
    float: left;
    background:#fff;
    padding:50px 25px 100px 25px;
}

.propertyDetail .prop_info h1{
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}

.propertyDetail .prop_info .prop_holder {
    font-size:0.875em;
    color:#646464;
    float:left;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #efefef;
    width:100%;

}

.propertyDetail .prop_info .prop_holder span {
    float:left;
}

.propertyDetail .prop_info .prop_holder span.right {
    float:right;
    font-weight:bold;
}


.propertyDetail .prop_info .desc {
    float:left;
    width:100%;
    margin:30px 0 0 0;
    font-size:0.875em;
    color:#646464;
    line-height:16px;
}

.propertyDetail .prop_info .social {
    float:left;
    width:100%;
    margin:40px 0 0 0;
}

.propertyDetail .map{
    float:left;
    width:100%;
    padding:20px;
    background:#fff;
}

.propertyDetail .map h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

.propertyDetail .related{
    float:left;
    width:100%;
    padding:20px;
    background:#fff;
    margin:20px 0 0 0;
}

.propertyDetail .related h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

.propertyDetail .related ul {
    list-style:none;
    width:100%;
    margin:0;
    padding:0;
    float:left;
}

.propertyDetail .related ul li {
    float:left;
    width:100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #efefef;
}

.propertyDetail .related ul li a {
    float:left;
    width:100%;
}

.propertyDetail .related ul li a img {
    float:left;
    width:40%;
}

.propertyDetail .related ul li a div {
    float:left;
    width:50%;
    margin-left:10%;
}

.propertyDetail .related ul li a div h4 {
    float:left;
    width:100%;
    font-size: 0.875em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin:0;
    color: #2f2f2f;
}

.propertyDetail .agent{
    float:left;
    width:100%;
    padding:20px;
    background:#fff;
    margin:20px 0 0 0;
}

.propertyDetail .agent img {
    width: 40%;
    max-width:104px;
    float:left;
    margin:0 10px 0 0;
}

.propertyDetail .agent h4 {
    float: left;
    font-size: 0.875em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    color: #2f2f2f;
    margin: 0 0 15px 0;
}

.propertyDetail .agent h5 {
    float: left;
    font-size: 0.875em;
    margin: 0 0 2px 0;
    clear:right;
    color:#d94949;
    white-space:nowrap;
}

 .propertyDetail .agent h5 span {
     margin:0 5px 0 0;
     color: #646464;  
 }


.propertyDetail .agent h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

.propertyDetail .gallery{
   float:left;
   width:100%;      
}

.propertyDetail .gallery img {
    width:100%;
    height:auto;
}

.propertyDetail .galleryThumbs{
   float:left;
   width:100%;      
}

.propertyDetail .galleryThumbs img{
   float:left;
   width:25%;      
}

.latest_accomodations .acc .top img{
    height:200px;
    width:100%;
}

.listall.latest_accomodations .acc .top img{
    height:308px;
}

.category_accomodations {
    width: 100%;
    float: left;
    padding:40px 0;
    background:#fff;
    border-bottom: 1px solid #efefef;
}

.category_accomodations .tags {
    float:left;
    width:100%;
    margin:20px 0 0 0;
}

.category_accomodations .tags a {
    float: left;
    padding: 4px 17px;
    background: #c84646;
    text-decoration: none;
    color: #fff;
    font-size: 0.875em;
    margin: 0 5px 0 0;
    text-transform: uppercase;
}

.rated {
    float:left;
    width:100%;
    background:#fff;
    padding:25px;
    margin:-10px 0 0 0;
}

.rated h2 {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}
.rated h2 span {
   color: #d94949;
   margin:0 0  0 15px;
}
.comments {
    float:left;
    width:100%;
    background:#fff;
    padding:25px;
    margin:20px 0 0 0;
}

.comments h2 {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}

.comments ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    font-size: 0.875em;
    color: #646464;
}

.comments ul li {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    border-bottom: 2px solid #efefef;
    padding:0 0 20px 0;
}

.comments ul li .top {
    float:left;
    width:100%;
    margin:0 0 10px 0;
}

.comments ul li .top span {
    color:#d94949;
    font-weight:bold;
}

.comments ul li p {
    margin:0;
    line-height:16px;
}

.commentsForm {
    float:left;
    width:100%;
    background:#fff;
    padding:25px;
    margin:20px 0 0 0;
}

.commentsForm h2 {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}

.commentsForm label {
    float:left;
    width:100%;
    font-size: 0.875em;
    color: #646464;
    font-weight:bold;
    margin:0 0 10px 0;
}

.commentsForm input[type="text"] {
    float:left;
    width:50%;
    padding:10px;
    outline: 0;
    margin: 0 0 0 0;
    border: 2px solid #dedede;

}

.commentsForm textarea {
    float:left;
    width:100%;
    padding:10px;
    outline: 0;
    margin: 0 0 0 0;
    border: 2px solid #dedede;
    height:200px;
    resize:none;
}

.commentsForm input[type="submit"] {
    float:left;
    width:50%;
    padding:10px;
    background: #d94949;
    color:#fff;
    clear:left;
    border:0;
    width:20%;
}

.commentsForm span.error {
    float:left;
    width:100%;
    color:red;
    margin:10px 0;
}

.login {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #eee;
}

#loginForm {
    width: 100%;
    float: left;
    background: #fff;
    padding: 25px;
}

#loginForm h2 {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}

#loginForm fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#loginForm ol {
padding: 0;
list-style: none;
width: 100%;
margin: 0 0 20px 0;
}

#loginForm ol li {
    float:left;
    width:100%;
}

#loginForm ol li label {
float: left;
width: 100%;
font-size: 0.875em;
color: #646464;
font-weight: bold;
margin: 0 0 10px 0;
}

#loginForm ol li label.checkbox {
    width:auto;
    margin: 0 20px 20px 0;
}

#loginForm ol li input[type="text"] {
float: left;
width: 70%;
padding: 10px;
outline: 0;
margin: 0 10px 20px 0;
border: 2px solid #dedede;
}

#loginForm ol li input[type="password"] {
float: left;
width: 70%;
padding: 10px;
outline: 0;
margin: 0 10px 20px 0;
border: 2px solid #dedede;
}

#loginForm  input[type="submit"] {
float: left;
padding: 10px;
background: #d94949;
color: #fff;
clear: left;
border: 0;
width: 20%;
}

#socialLoginForm {
    display:none;
}

span.field-validation-error {
    color:red;
}

#registerForm {
    width: 100%;
    float: left;
    background: #fff;
    padding: 25px;
}

#registerForm h2 {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}

#registerForm fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#registerForm ol {
padding: 0;
list-style: none;
width: 100%;
margin: 0 0 20px 0;
}

#registerForm ol li {
    float:left;
    width:100%;
}

#registerForm ol li label {
float: left;
width: 100%;
font-size: 0.875em;
color: #646464;
font-weight: bold;
margin: 0 0 10px 0;
}

#registerForm ol li label.checkbox {
    width:auto;
    margin: 0 20px 20px 0;
}

#registerForm ol li input[type="text"] {
float: left;
width: 70%;
padding: 10px;
outline: 0;
margin: 0 10px 20px 0;
border: 2px solid #dedede;
}

#registerForm ol li input[type="password"] {
float: left;
width: 70%;
padding: 10px;
outline: 0;
margin: 0 10px 20px 0;
border: 2px solid #dedede;
}

#registerForm ol li input[type="email"] {
float: left;
width: 70%;
padding: 10px;
outline: 0;
margin: 0 10px 20px 0;
border: 2px solid #dedede;
}

#registerForm input[type="submit"] {
float: left;
padding: 10px;
background: #d94949;
color: #fff;
clear: left;
border: 0;
width: 20%;
}

.propertyDetail .rating{
    float:left;
    width:100%;
    padding:20px;
    background:#fff;
    margin:20px 0 0 0;
}

.propertyDetail .rating h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

.propertyDetail .rating .Star {
    margin:0 5px;
}

.propertyDetail .rating .Empty {
    width:32px;
    height:29px;
    background:url(../Images/star_empty.png);
}

.propertyDetail .rating .Filled{
    width:32px;
    height:29px;
    background:url(../Images/star_filled.png);
}

.propertyDetail .rating input[type="button"] {
float: left;
padding: 5px 10px;
background: #d94949;
color: #fff;
clear: left;
border: 0;
width: 40%;
margin:20px 0 0 0;
}

section.agents {
    float:left;
    width:100%;
    background:#fff;
    padding: 40px 0;
}

section.agents .agent {
    float:left;
    width:100%;
    box-sizing:border-box;
    border:1px solid #f0f0f0;
    padding:20px;
    margin:0 0 20px 0;
}

section.agents .agent img {
    float:left;
    margin:0 20px 0 0;
}

section.agents .agent h4 {
    float: left;
    font-size: 0.875em;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    color: #2f2f2f;
    margin: 0 0 15px 0;
}

section.agents .agent p {
    float: left;
    font-size: 0.875em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    color: #2f2f2f;
    margin: 0 0 15px 0;
    width:50%;
}

section.agents .agent h5 {
    float: left;
    font-size: 0.875em;
    margin: 0 0 2px 0;
    clear:right;
    color:#d94949;
    white-space:nowrap;
    width:50%;
}

section.agents .agent h5 span {
     margin:0 5px 0 0;
     color: #646464;  
 }


section.agents .agent h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

section.agentprofile {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #eee;
}

section.agentprofile .holder{
float: left;
width: 100%;
padding: 20px;
background: #fff;
}

section.agentprofile .holder h1{
float: left;
width: 100%;
margin: 0 0 40px 0;
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size: 1.8em;
}

section.agentprofile .holder h4 {
    float: left;
    font-size: 0.875em;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    color: #2f2f2f;
    margin: 0 0 15px 0;
}

section.agentprofile .holder p {
    float: left;
    font-size: 0.875em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    color: #2f2f2f;
    margin: 0 0 15px 0;
    width:100%;
}
section.agentprofile .holder h5 {
    float: left;
    font-size: 0.875em;
    margin: 0 0 2px 0;
    clear:right;
    color:#d94949;
    white-space:nowrap;
    width:100%;
}

section.agentprofile .holder h5 span {
     margin:0 5px 0 0;
     color: #646464;  
 }

section.agentprofile .holder h3 {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    font-size:0.875em;
    color:#646464;
}

section.agentprofile .holder .social {
    float:left;
    width:100%;
    margin:20px 0 0 0;
}

section.agentprofile .holder .social a {
    float: left;
    border: 1px solid #d94949;
    color: #d94949;
    margin: 0 10px 0 0;
    width:44px;
    height:36px;
    text-align:center;
    line-height:42px;
}

    section.agentprofile .holder .social a:hover {
        color: #2f2f2f;
    }

section.agentprofile .holder .social a i {
    font-size:1.5em;
}

@media screen and (max-width: 850px){
  .banner, .category_accomodations, #HyperLink4,  #HyperLink5,  #HyperLink6 {
    display:none;
  }
    header {
        height:auto;
        text-align:center;
    }

    header .logo {
        width:100%;
        text-align:center;
    }

    section.agents .agent h4 {
        margin: 20px 0 15px 0;
        width: 100%;
    }

    section.agents .agent p {
         width: 100%;
    }
    
}